import ScrollBarLayout from '@/components/ScrollBarLayout';
import Cls from 'classnames';
import { useContext } from 'react';
import { ConractControllerContext } from '../common';
import { contractInfoEffect } from '../mconfig';
import { getLoadMapList, getTenantID } from '@/utils';
import { TypographyTitle } from '@/components/Typography/TypographyTitle';
import { ILoadMapTypeAll } from '@/common';
import { UpdateMaterialTableView } from '../mview/UpdateMaterialTableView';

export const DetailInfoCenterViewMaterialOA: React.FC = () => {
  /** 获取上下文 */
  const { styleFixCls, curRes, contractDetailInfo, contractForm } = useContext(ConractControllerContext);

  /**  获取数据字典 */
  const { loadMapInfo, mapLoading } = getLoadMapList([
    `${getTenantID()}${ILoadMapTypeAll.PAYMENT_STYLE}`, //支付方式
    `${getTenantID()}${ILoadMapTypeAll.COMPANY_TAXRATE}`, //税率
    `${getTenantID()}${ILoadMapTypeAll.CONTRACT_FIELDTYPE}`, //合同附件类型
    // `${getTenantID()}${ILoadMapTypeAll.MATERIAL_MIDI}`, //量化单位
    `${getTenantID()}${ILoadMapTypeAll.CONTRACT_TYPE}`, // 合同类型
    `${getTenantID()}${ILoadMapTypeAll.CONTRACT_STATE}`, // 合同状态
    `${getTenantID()}${ILoadMapTypeAll.PURCHASE_METHOD}`,
    `${getTenantID()}${ILoadMapTypeAll.PURCHASE_CATEGORY}`, //供货类别
    `${getTenantID()}${ILoadMapTypeAll.MATERIAL_MIDI}`, //量化单位
    // `${getTenantID()}${ILoadMapTypeAll.MATERIAL_BRAND}`, //品牌
    `${getTenantID()}${ILoadMapTypeAll.CONTRACT_CURRENCYTYPE}`, //币种
  ]);

  /** 初始化数据 */
  contractInfoEffect(contractDetailInfo, contractForm);

  return (
    <>
      <div className="commonTabsBodyDom">
        <div className={Cls('tabsBodyInfoDom', `${styleFixCls}updateFormBox`)}>
          <ScrollBarLayout style={{ padding: '5px 100px' }}>
            <TypographyTitle children={'货物服务清单'} style={{ textAlign: 'center', borderLeft: 'none' }} level={3} />
            <UpdateMaterialTableView setOpenMaterialModal={() => {}} loadMapInfo={loadMapInfo} formName={contractForm} />
          </ScrollBarLayout>
        </div>
      </div>
    </>
  );
};
